.category-panel {
  display: flex;
  flex-wrap: wrap;
  height: 300rpx;
  width: 750rpx;
  margin-bottom: 20rpx;
  /* #ifdef H5 */
  :deep(.uni-scroll-view-content) {
    display: flex;
    flex-wrap: wrap;
  }
  .navigator-wrap {
    display: block;
    width: 25%;
  }
  /* #endif */
  .item-box {
    /* #ifdef MP-WEIXIN */
    width: 25%;
    /* #endif */
    /* #ifdef H5 */
    width: 100%;
    /* #endif */
    height: 120rpx;
    margin-top: 20rpx;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    &:first-child,
    &:nth-child(6n) {
      margin-left: 0;
    }
    .image-box {
      .image {
        width: 80rpx;
        height: 80rpx;
      }
    }
    .name {
      font-size: 24rpx;
      line-height: 40rpx;
      color: rgb(136, 134, 134);
    }
  }
}
